<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>商城首页</title>
    <script src="../js/jquery-3.6.0.min.js"></script>
    <link rel="stylesheet" href="../bootstrap-4.6.1-dist/css/bootstrap.min.css">
    <script src="../bootstrap-4.6.1-dist/js/bootstrap.bundle.js"></script>
    <link rel="stylesheet" href="../css/index.css">
    <link rel="stylesheet" href="../css/index2.css">
    <script src="https://cdn.bootcdn.net/ajax/libs/Swiper/7.4.1/swiper-bundle.min.js"></script>
    <link href="https://cdn.bootcdn.net/ajax/libs/Swiper/7.4.1/swiper-bundle.min.css" rel="stylesheet">
    
</head>

<body>
    <div class="container-fluid box1">
        <div class="row">
            <div class="col-4 nav-top"><a href="" title="英雄联盟周边商城"></a></div>

            <div class="col-4 nav-top"></div>

            <div class="col-4 nav-top ">
                <div id="denglu">您好，请登录</div>
                <div>
                    <span></span>
                    <span id="cart">购物车</span>
                </div>
                <div>
                    <span></span>
                    <span>领取中心</span>
                </div>
                <div>
                    <span></span>
                    <span>微信商城</span>
                </div>
            </div>
        </div>
    </div>
    <!-- 导航栏开始 -->
    <div class="nav">
        <ul>
<li style=" color: orange ;font-weight:600;" id="shouye">商品列表</li>
            <li>雕塑手办
                <ul class="hidden1">
                    <li>大型雕塑</li>
                    <li>中型雕塑</li>
                    <li>小型雕塑</li>
                </ul>
            </li>

            <li>服饰毛绒
                <ul class="hidden2">
                    <li>毛绒玩具</li>
                    <li>T恤</li>
                    <li>其他</li>
                </ul>
            </li>
            <li>生活周边
                <ul class="hidden3">
                    <li>生活用品</li>
                    <li>海报艺术</li>
                    <li>3C配件</li>
                </ul>
            </li>
            <li>品牌联名</li>
            <li>促销专区</li>
            <li>手办收藏</li>
        </ul>
        <!-- 搜索框 -->
        <div id="search">
            <form>
                <input id="select" class="select" placeholder="EDG冠军玩偶"></input>
                <a href="javascript:;" class="sousuo"></a>
            </form>
        </div>
    </div>
    <div class="placeholder"></div>
    <!-- 导航栏结束 -->
    <!-- 轮播图开始 -->
    <div class="swiper">
        <div class="swiper-wrapper">
            <img src="https://game.gtimg.cn/images/daojushop/zb/ad/202205/20220523132952_318412.jpg"
                alt="" class="swiper-slide">
            <img src="https://game.gtimg.cn/images/daojushop/zb/ad/202205/20220523100108_385441.jpg" alt="" class="swiper-slide">
            <img src="https://game.gtimg.cn/images/daojushop/zb/ad/202205/20220524152659_687194.jpg" alt="" class="swiper-slide">
            <img src="https://game.gtimg.cn/images/daojushop/zb/ad/202204/20220419092458_314899.jpg" alt="" class="swiper-slide">
        </div>
        <!-- 如果需要分页器 -->
        <div class="swiper-pagination"></div>

        <!-- 如果需要导航按钮 -->
        <div class="swiper-button-prev"></div>
        <div class="swiper-button-next"></div>
    </div>
    <!-- 轮播图结束 -->
    <!-- 联系客服开始 -->
    <div class="chat">
        <div></div>
        <span>联系客服</span>
    </div>
    <!-- 联系客服结束 -->
    <div class="container-fluid box2"></div>

</body>
<script src="../js/index.js"></script>
</html>